<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>邀请函 | 小糯米一周岁生日</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/invitation.css">
</head>
<body class="bg-gradient-purple">
    <!-- 导航栏 -->
    <div class="container">
        <nav class="nav">
            <a href="welcome.html" class="nav-link">欢迎</a>
            <a href="memories.html" class="nav-link">回忆</a>
            <a href="invitation.html" class="nav-link active">邀请函</a>
            <a href="wishes.html" class="nav-link">祝福墙</a>
            <a href="surprise.html" class="nav-link">惊喜</a>
        </nav>
    </div>
    
    <!-- 主内容 -->
    <div class="container">
        <!-- 页面标题 -->
        <section class="invitation-header">
            <h2 class="section-title text-primary">
                <i class="fa fa-envelope"></i> 生日派对邀请函
            </h2>
            <p class="section-description">诚挚邀请您参加小糯米的一周岁生日派对，共同见证成长的喜悦</p>
        </section>
        
        <!-- 信封容器 -->
        <div class="envelope-container">
            <div class="envelope" id="envelope">
                <div class="envelope-back"></div>
                <div class="envelope-flap"></div>
                <div class="envelope-front"></div>
                <div class="envelope-stamp">1岁</div>
                
                <!-- 邀请函卡片 -->
                <div class="invitation-card">
                    <h3 class="invitation-title">小糯米一周岁生日派对</h3>
                    
                    <p class="invitation-content">
                        亲爱的亲朋好友们，<br><br>
                        诚挚邀请您参加小糯米的一周岁生日派对，与我们